/**** ../web/saadajsbasics/styleimports//layout-default-latest.css **********************************/ 
/*
 * Default Layout Theme
 *
 * Created for jquery.layout 
 *
 * Copyright (c) 2010 
 *   Fabrizio Balliano (http://www.fabrizioballiano.net)
 *   Kevin Dalman (http://allpro.net)
 *
 * Dual licensed under the GPL (http://www.gnu.org/licenses/gpl.html)
 * and MIT (http://www.opensource.org/licenses/mit-license.php) licenses.
 *
 * Last Updated: 2010-02-10
 * NOTE: For best code readability, view this with a fixed-space font and tabs equal to 4-chars
 */

/*
 *	DEFAULT FONT
 *	Just to make demo-pages look better - not actually relevant to Layout!
 */
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size:   100%;
	*font-size:  80%;
}

/*
 *	PANES & CONTENT-DIVs
 */
.ui-layout-pane { /* all 'panes' */
	background:	#FFF; 
	border:		1px solid #BBB;
	padding:	10px; 
	overflow:	auto;
	/* DO NOT add scrolling (or padding) to 'panes' that have a content-div,
	   otherwise you may get double-scrollbars - on the pane AND on the content-div
	   - use ui-layout-wrapper class if pane has a content-div
	   - use ui-layout-container if pane has an inner-layout
	*/
	}
	/* (scrolling) content-div inside pane allows for fixed header(s) and/or footer(s) */
	.ui-layout-content {
		padding:	10px;
		position:	relative; /* contain floated or positioned elements */
		overflow:	auto; /* add scrolling to content-div */
	}

/*
 *	UTILITY CLASSES
 *	Must come AFTER pane-class above so will override
 *	These classes are NOT auto-generated and are NOT used by Layout
 */
.layout-child-container,
.layout-content-container {
	padding:	0;
	overflow:	hidden;
}
.layout-child-container {
	border:		0; /* remove border because inner-layout-panes probably have borders */
}
.layout-scroll {
	overflow:	auto;
}
.layout-hide {
	display:	none;
}

/*
 *	RESIZER-BARS
 */
.ui-layout-resizer	{ /* all 'resizer-bars' */
	background:		#DDD;
	border:			1px solid #BBB;
	border-width:	0;
	}
	.ui-layout-resizer-drag {		/* REAL resizer while resize in progress */
	}
	.ui-layout-resizer-hover	{	/* affects both open and closed states */
	}
	/* NOTE: It looks best when 'hover' and 'dragging' are set to the same color,
		otherwise color shifts while dragging when bar can't keep up with mouse */
	.ui-layout-resizer-open-hover ,	/* hover-color to 'resize' */
	.ui-layout-resizer-dragging {	/* resizer beging 'dragging' */
		background: #C4E1A4;
	}
	.ui-layout-resizer-dragging {	/* CLONED resizer being dragged */
		border: 	 1px solid #BBB;
	}
	/* NOTE: Add a 'dragging-limit' color to provide visual feedback when resizer hits min/max size limits */
	.ui-layout-resizer-dragging-limit {	/* CLONED resizer at min or max size-limit */
		background: #E1A4A4; /* red */
	}

	.ui-layout-resizer-closed-hover	{ /* hover-color to 'slide open' */
		background: #EBD5AA;
	}
	.ui-layout-resizer-sliding {	/* resizer when pane is 'slid open' */
		opacity: .10; /* show only a slight shadow */
		filter:  alpha(opacity=10);
		}
		.ui-layout-resizer-sliding-hover {	/* sliding resizer - hover */
			opacity: 1.00; /* on-hover, show the resizer-bar normally */
			filter:  alpha(opacity=100);
		}
		/* sliding resizer - add 'outside-border' to resizer on-hover 
		 * this sample illustrates how to target specific panes and states */
		.ui-layout-resizer-north-sliding-hover	{ border-bottom-width:	1px; }
		.ui-layout-resizer-south-sliding-hover	{ border-top-width:		1px; }
		.ui-layout-resizer-west-sliding-hover	{ border-right-width:	1px; }
		.ui-layout-resizer-east-sliding-hover	{ border-left-width:	1px; }

/*
 *	TOGGLER-BUTTONS
 */
.ui-layout-toggler {
	border: 1px solid #BBB; /* match pane-border */
	background-color: #BBB;
	}
	.ui-layout-resizer-hover .ui-layout-toggler {
		opacity: .60;
		filter:  alpha(opacity=60);
	}
	.ui-layout-toggler-hover , /* need when NOT resizable */
	.ui-layout-resizer-hover .ui-layout-toggler-hover { /* need specificity when IS resizable */
		background-color: #FC6;
		opacity: 1.00;
		filter:  alpha(opacity=100);
	}
	.ui-layout-toggler-north ,
	.ui-layout-toggler-south {
		border-width: 0 1px; /* left/right borders */
	}
	.ui-layout-toggler-west ,
	.ui-layout-toggler-east {
		border-width: 1px 0; /* top/bottom borders */
	}
	/* hide the toggler-button when the pane is 'slid open' */
	.ui-layout-resizer-sliding  .ui-layout-toggler {
		display: none;
	}
	/*
	 *	style the text we put INSIDE the togglers
	 */
	.ui-layout-toggler .content {
		color:			#666;
		font-size:		12px;
		font-weight:	bold;
		width:			100%;
		padding-bottom:	0.35ex; /* to 'vertically center' text inside text-span */
	}

/*
 *	PANE-MASKS
 *	these styles are hard-coded on mask elems, but are also 
 *	included here as !important to ensure will overrides any generic styles
 */
.ui-layout-mask {
	border:		none !important;
	padding:	0 !important;
	margin:		0 !important;
	overflow:	hidden !important;
	position:	absolute !important;
	opacity:	0 !important;
	filter:		Alpha(Opacity="0") !important;
}
.ui-layout-mask-inside-pane { /* masks always inside pane EXCEPT when pane is an iframe */
	top:		0 !important;
	left:		0 !important;
	width:		100% !important;
	height:		100% !important;
}
div.ui-layout-mask {}		/* standard mask for iframes */
iframe.ui-layout-mask {}	/* extra mask for objects/applets */

/**** ../web/saadajsbasics/styleimports//datatable.css **********************************/ 

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * General page setup
 */
#dt_example {
	font: 80%/1.45em "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fff;
}


#dt_example #container {
	width: 800px;
	margin: 30px auto;
	padding: 0;
}


#dt_example #footer {
	margin: 50px auto 0 auto;
	padding: 0;
}

#dt_example #demo {
	margin: 30px auto 0 auto;
}

#dt_example .demo_jui {
	margin: 30px auto 0 auto;
}

#dt_example .big {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.6em;
	color: #4E6CA3;
}

#dt_example .spacer {
	height: 20px;
	clear: both;
}

#dt_example .clear {
	clear: both;
}

#dt_example pre {
	padding: 15px;
	background-color: #F5F5F5;
	border: 1px solid #CCCCCC;
}

#dt_example h1 {
	margin-top: 2em;
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1.6em;
	color: #4E6CA3;
	border-bottom: 1px solid #B0BED9;
	clear: both;
}

#dt_example h2 {
	font-size: 1.2em;
	font-weight: normal;
	line-height: 1.6em;
	color: #4E6CA3;
	clear: both;
}

#dt_example a {
	color: #0063DC;
	text-decoration: none;
}

#dt_example a:hover {
	text-decoration: underline;
}

#dt_example ul {
	color: #4E6CA3;
}

.css_right {
	float: right;
}

.css_left {
	float: left;
}

.demo_links {
	float: left;
	width: 50%;
	margin-bottom: 1em;
}

#demo_info {
	padding: 5px;
	border: 1px solid #B0BED9;
	height: 100px;
	width: 100%;
	overflow: auto;
}/*
 *  File:         demo_table.css
 *  CVS:          $Id: datatable.css 337 2012-04-06 14:05:22Z laurent.mistahl $
 *  Description:  CSS descriptions for DataTables demo pages
 *  Author:       Allan Jardine
 *  Created:      Tue May 12 06:47:22 BST 2009
 *  Modified:     $Date$ by $Author$
 *  Language:     CSS
 *  Project:      DataTables
 *
 *  Copyright 2009 Allan Jardine. All Rights Reserved.
 *
 * ***************************************************************************
 * DESCRIPTION
 *
 * The styles given here are suitable for the demos that are used with the standard DataTables
 * distribution (see www.datatables.net). You will most likely wish to modify these styles to
 * meet the layout requirements of your site.
 *
 * Common issues:
 *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
 *     no conflict between the two pagination types. If you want to use full_numbers pagination
 *     ensure that you either have "datatable_alt_pagination" as a body class name, or better yet,
 *     modify that selector.
 *   Note that the path used for Images is relative. All images are by default located in
 *     ../images/ - relative to this CSS file.
 */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables features
 */

.dataTables_wrapper {
	position: relative;
	/*min-height: 302px;*/
	/*max-height: 500px;*/
	/*overflow: auto;*/
	clear: both;
/*	height: 100%;*/
	zoom: 1; /* Feeling sorry for IE */
}

.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}

.dataTables_length {
	width: 250px;
	float: left;
	border-width: 0px;
	font-size: small;
}

.dataTables_filter {
	width: 50%;
	float: right;
	text-align: right;
	border-width: 0px;
	
}

.dataTables_info {
	float: left;
	border-width: 0px;
	font-size: small;
	position: relative;
	top: 5px;
}

.dataTables_paginate {
	width: 160px;
	float: left;
	text-align: left;
	border-width: 0px;
	position: relative;
	top: 5px;
	
}

/* Pagination nested */
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next{
	height: 19px;
/* 	width: 19px;
 */	margin-left: 3px;
/* 	float: left;
 */	border-width: 0px;
 
}


.paginate_disabled_previous {
	font-size: small;
	background: url('../images/back_disabled.jpg') no-repeat top left;
	padding-left: 20px;
}

.paginate_enabled_previous {
	font-size: small;
		background: url('../images/back_enabled.jpg') no-repeat top left;
	padding-left: 20px;
}

.paginate_disabled_next {
	font-size: small;
		background: url('../images/forward_disabled.jpg') no-repeat top right;
	padding-right: 20px;
}

.paginate_enabled_next {
	font-size: small;
		background: url('../images/forward_enabled.jpg') no-repeat top right;
	padding-right: 20px;
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables display
 */
table.display {
	margin-right: auto;
	clear: both;
	/*width: 100%;*/
	
	
	/* Note Firefox 3.5 and before have a bug with border-collapse
	 * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 ) 
	 * border-spacing: 0; is one possible option. Conditional-css.com is
	 * useful for this kind of thing
	 *
	 * Further note IE 6/7 has problems when calculating widths with border width.
	 * It subtracts one px relative to the other browsers from the first column, and
	 * adds one to the end...
	 *
	 * If you want that effect I'd suggest setting a border-top/left on th/td's and 
	 * then filling in the gaps with other borders.
	 */
}

table.display thead th {
	padding: 3px 18px 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	background-color: white;
	font-size: small;
	* cursor: hand;
}

table.display tfoot th {
	padding: 3px 18px 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
	cursor: pointer;
	background-color: white;
	font-size: small;
	* cursor: hand;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
	white-space: nowrap;
	
}

table.display td.center {
	text-align: center;
	white-space: nowrap;
	
}



/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables sorting
 */

.sorting_asc {
	background: url('../images/sort_asc.png') no-repeat center right;
}

.sorting_desc {
	background: url('../images/sort_desc.png') no-repeat center right;
}

.sorting {
	background: url('../images/sort_both.png') no-repeat center right;
}

.sorting_asc_disabled {
	background: url('../images/sort_asc_disabled.png') no-repeat center right;
}

.sorting_desc_disabled {
	background: url('../images/sort_desc_disabled.png') no-repeat center right;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * DataTables row classes
 */
table.display tr.odd.gradeA {
	background-color: #ddffdd;
}

table.display tr.even.gradeA {
	background-color: #eeffee;
}

table.display tr.odd.gradeC {
	background-color: #ddddff;
}

table.display tr.even.gradeC {
	background-color: #eeeeff;
}

table.display tr.odd.gradeX {
	background-color: #ffdddd;
}

table.display tr.even.gradeX {
	background-color: #ffeeee;
}

table.display tr.odd.gradeU {
	background-color: #ddd;
}

table.display tr.even.gradeU {
	background-color: #eee;
}


tr.odd {
	background-color: ivory;
	font-size: small;
}

tr.even {
	background-color: white;
	font-size: small;
	
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Misc
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	*margin-top: -1px;
}

.top, .bottom {
	/*padding: 15px;*/
	/*background-color: white;*/
	/*border: 1px solid #CCCCCC;*/
}

.top .dataTables_info {
	/*float: none;*/
}

.clear {
	clear: both;
}

.dataTables_empty {
	text-align: center;
}

tfoot input {
	margin: 0.5em 0;
	width: 100%;
	color: #444;
}

tfoot input.search_init {
	color: #999;
}

td.group {
	background-color: #d1cfd0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;
}

td.details {
	background-color: #d1cfd0;
	border: 2px solid #A19B9E;
}


.datatable_alt_pagination div.dataTables_info {
	width: 40%;
}

.paging_full_numbers {
	width: 400px;
	height: 22px;
	line-height: 22px;
}

.paging_full_numbers span.paginate_button,
 	.paging_full_numbers span.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	*cursor: hand;
}

.paging_full_numbers span.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers span.paginate_button:hover {
	background-color: #ccc;
}

.paging_full_numbers span.paginate_active {
	background-color: #99B3FF;
}

table.display tr.even.row_selected td {
	background-color: #B0BED9;
}

table.display tr.odd.row_selected td {
	background-color: #9FAFD1;
}


/*
 * Sorting classes for columns
 */
/* For the standard odd/even */
tr.odd td.sorting_1 {
	background-color: ivory;
	white-space: nowrap;
}

tr.odd td.sorting_2 {
	background-color: #DADCFF;
}

tr.odd td.sorting_3 {
	background-color: #E0E2FF;
}

tr.even td.sorting_1 {
	background-color: white;
	white-space: nowrap;
}

tr.even td.sorting_2 {
	background-color: #F2F3FF;
}

tr.even td.sorting_3 {
	background-color: #F9F9FF;
}


/* For the Conditional-CSS grading rows */
/*
 	Colour calculations (based off the main row colours)
  Level 1:
		dd > c4
		ee > d5
	Level 2:
	  dd > d1
	  ee > e2
 */
tr.odd.gradeA td.sorting_1 {
	background-color: #c4ffc4;
}

tr.odd.gradeA td.sorting_2 {
	background-color: #d1ffd1;
}

tr.odd.gradeA td.sorting_3 {
	background-color: #d1ffd1;
}

tr.even.gradeA td.sorting_1 {
	background-color: #d5ffd5;
}

tr.even.gradeA td.sorting_2 {
	background-color: #e2ffe2;
}

tr.even.gradeA td.sorting_3 {
	background-color: #e2ffe2;
}

tr.odd.gradeC td.sorting_1 {
	background-color: #c4c4ff;
}

tr.odd.gradeC td.sorting_2 {
	background-color: #d1d1ff;
}

tr.odd.gradeC td.sorting_3 {
	background-color: #d1d1ff;
}

tr.even.gradeC td.sorting_1 {
	background-color: #d5d5ff;
}

tr.even.gradeC td.sorting_2 {
	background-color: #e2e2ff;
}

tr.even.gradeC td.sorting_3 {
	background-color: #e2e2ff;
}

tr.odd.gradeX td.sorting_1 {
	background-color: #ffc4c4;
}

tr.odd.gradeX td.sorting_2 {
	background-color: #ffd1d1;
}

tr.odd.gradeX td.sorting_3 {
	background-color: #ffd1d1;
}

tr.even.gradeX td.sorting_1 {
	background-color: #ffd5d5;
}

tr.even.gradeX td.sorting_2 {
	background-color: #ffe2e2;
}

tr.even.gradeX td.sorting_3 {
	background-color: #ffe2e2;
}

tr.odd.gradeU td.sorting_1 {
	background-color: #c4c4c4;
}

tr.odd.gradeU td.sorting_2 {
	background-color: #d1d1d1;
}

tr.odd.gradeU td.sorting_3 {
	background-color: #d1d1d1;
}

tr.even.gradeU td.sorting_1 {
	background-color: #d5d5d5;
}

tr.even.gradeU td.sorting_2 {
	background-color: #e2e2e2;
}

tr.even.gradeU td.sorting_3 {
	background-color: #e2e2e2;
}


/*
 * Row highlighting datatable
 */
.ex_highlight #datatable tbody tr.even:hover, #datatable tbody tr.even td.highlighted {
	background-color: #ECFFB3;
}

.ex_highlight #datatable tbody tr.odd:hover, #datatable tbody tr.odd td.highlighted {
	background-color: #E6FF99;
}

.ex_highlight_row #datatable tr.even:hover {
	background-color: #ECFFB3;
}

.ex_highlight_row #datatable tr.even:hover td.sorting_1 {
	background-color: #DDFF75;
}

.ex_highlight_row #datatable tr.even:hover td.sorting_2 {
	background-color: #E7FF9E;
}

.ex_highlight_row #datatable tr.even:hover td.sorting_3 {
	background-color: #E2FF89;
}

.ex_highlight_row #datatable tr.odd:hover {
	background-color: #E6FF99;
}

.ex_highlight_row #datatable tr.odd:hover td.sorting_1 {
	background-color: #D6FF5C;
}

.ex_highlight_row #datatable tr.odd:hover td.sorting_2 {
	background-color: #E0FF84;
}

.ex_highlight_row #datatable tr.odd:hover td.sorting_3 {
	background-color: #DBFF70;
}


/*
 * KeyTable
 */
table.KeyTable td {
	border: 3px solid transparent;
}

table.KeyTable td.focus {
	border: 3px solid #3366FF;
}

table.display tr.gradeA {
	background-color: #eeffee;
}

table.display tr.gradeC {
	background-color: #ddddff;
}

table.display tr.gradeX {
	background-color: #ffdddd;
}

table.display tr.gradeU {
	background-color: #ddd;
}

div.box {
	height: 100px;
	padding: 10px;
	overflow: auto;
	border: 1px solid #8080FF;
	background-color: #E5E5FF;
}


#dt_example code {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
	padding: 2px 4px !important;
	white-space: nowrap;
	font-size: 0.9em;

	color: #D14;
	background-color: #F7F7F9;

	border: 1px solid #E1E1E8;
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	        border-radius: 3px;
}

#dt_example div.syntaxhighlighter code {
	padding: 0 !important;
}
/**** ../web/saadajsbasics/styleimports//simplemodal.css **********************************/ 
/*
 * SimpleModal Basic Modal Dialog
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2010 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: simplemodal.css 127 2012-01-12 10:24:08Z laurent.mistahl $
 */
#basic-modal-content {
	display: none;
}

/* Overlay */
#simplemodal-overlay {
	background-color: #000;
	cursor: wait;
}

/* Container */
#simplemodal-container {
	height: 85%;
	width: 85%;
	color: black;
	background-color: rgb(231, 231, 244);
	border: 2px solid #444;
	padding: 4px;
}

#simplemodal-container .simplemodal-data {
	padding: 2px;
}

#simplemodal-container code {
	background: #141414;
	border-left: 3px solid #65B43D;
	color: #bbb;
	display: block;
	font-size: 12px;
	margin-bottom: 12px;
	padding: 4px 6px 6px;
}
/*#simplemodal-container a {color:#ddd;}*/
#simplemodal-container a.modalCloseImg {
	background: url(../images/close-icon.png) no-repeat;
	width: 25px;
	height: 29px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -15px;
	right: -16px;
	cursor: pointer;
}

#simplemodal-container h3 {
	color: #84b8d9;
}

/**
* Filter Editor style
*
*/

#filterdiv {
	border: none;
}

.selector {
	border: none;
}

#fspefieldsselector, #fnativeselector, #frelselector {
	border: none;
	display: block;
	width: auto;
	margin-left: auto;
	margin-right: auto;
/* 	A CHANGER */
	height: 152px;
}


#fspefieldsdrag, #fnativedrag, #frelationsdrag, #fspefieldsdrop, #fnativedrop, #frelationsdrop {
	float: left;
	border-width: 1;
	border-color: dimgray;
	height: 145px;
	width: 45%;
	margin-left: 10px;
	margin-right: 10px;
	overflow: auto;
}

#savefilter, #bonusoptions, #fheader {
	border: none;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
}

#bonusoptions {
	margin-top: 10px;
	margin-bottom: 5px;
}

#savefilter {
	margin-top: 5px;
	margin-bottom: 10px;
}

h4 {
	width: auto;
	background: #CCC
		url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png) repeat-x 50% 50%;
	border: 1px solid #AAA;
}/**** ../web/saadajsbasics/styles//basics.css **********************************/ 
/*
 * CSS rules by tags
 * May be overriden by the final application
 */
@font-face {
	font-family: Lane;
	src: url(Lane.ttf) format("truetype");
}

body {
	font-family: Arial, Helvetica, sans-serif;
	min-width: 1010px;
	height: auto;
	overflow: auto;
}

span, p, td, option, label, legend {
	font-size: small;
	color: black;
}

li {
	font-size: small;
	color: black;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
/* 	color: black;
 */}
button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: black;
}

h4 {
	color: DimGray;
}

a:hover {	
	filter: alpha(opacity = 50);
	opacity: 0.5;
}

.clear {
	clear: both;
}

.help {
	color: DimGray;
	font-style: italic;
}
.spanhelp {
	color: DarkGreen;
	font-style: italic;
	font-size: small;
}
.datahelp {
	color: lightblue;
    font-weight:bold;}
    
.datafield {
	color: lightBlue;
    font-weight:bold;
    float: right;
    }

.strong {
	color: DimGray;
	font-size: x-large;
}
/*
 * Samp status indications
 */
img.clickableicon{
	border: 0;
	}
img:hover.clickableicon{
	filter: alpha(opacity = 50);
	opacity: 0.5;
	}
	
a.sampOn {	
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 16px 0px 16px 38px;
	background: transparent url(../icons/sampOn.png) center left no-repeat;
}
a:hover.sampOn {	
	filter: alpha(opacity = 50);
	opacity: 0.5;
}
a.sampOff {	
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 16px 0px 16px 38px;
	background: transparent url(../icons/sampOff.png) center left no-repeat;
}
a:hover.sampOff {	
	filter: alpha(opacity = 50);
	opacity: 0.5;
}


a.ivoalogo  {	
	overflow: visible;
	padding: 16px 0 8px 64px;
	background:transparent url(../icons/ivoa.jpg) center left no-repeat;
}

a.dlivoalogo  {	
	overflow: visible;
	padding: 8px 0 4px 28px;
	background:transparent url(../icons/dl_ivoa.png) center left no-repeat;
}
a:hover.dlivoalogo {	
	filter: alpha(opacity = 50);
	opacity: 0.5;
}
a.dldownload  {	
	overflow: visible;
	padding: 8px 0 4px 28px;
	background:transparent url(../icons/dl_download.png) center left no-repeat;
}
a:hover.dldownload  {	
	filter: alpha(opacity = 50);
	opacity: 0.5;
}
a.dlprinter  {	
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 9px 0 9px 23px;
	background:transparent url(../icons/dl_print.png) center left no-repeat;
}
a:hover.dlprinter  {	
	filter: alpha(opacity = 50);
	opacity: 0.5;
}
.infologo  {	
	display: inline;
	float: left;
	width: 48px;
	height: 32px;
	background:transparent url(../icons/info.png) top left no-repeat;
}

.warninglogo  {	
	display: inline;
	float: left;
	width: 48px;
	height: 32px;
	background:transparent url(../icons/warning.png) top left no-repeat;
}

.confirmlogo  {	
	display: inline;
	float: left;
	width: 48px;
	height: 32px;
	background:transparent url(../icons/confirm.png) top left no-repeat;
}
.progresslogo {
	padding: 5px;
	display: inline;
	float: left;
	width: 32px;
	height: 32px;
	border:0px;
	background:transparent  url(../icons/ajax-loader.gif) center no-repeat;
}
a.printer {
	display: inline-block;
	height: 30px;
	width: 39px;
	overflow: visible;
	padding: 0 0 0 0;
	background: transparent url(../icons/print.png) bottom left
		no-repeat;
	}
a:hover.printer {
	filter: alpha(opacity = 50);
/* 	-moz-opacity: 0.5; */
	opacity: 0.5;
}
a:active.printer {
	filter: alpha(opacity = 50);
/* 	-moz-opacity: 0.8; */
	opacity: 0.8;
}

a.sort_asc {	
	display: block;
	width: 19px;
	height: 11px;
	overflow: visible;
	background: transparent url(../icons/sort_asc.png) center left no-repeat;
}
a.sort_asc_disabled {	
	display: block;
	width: 19px;
	height: 11px;
	overflow: visible;
	background: transparent url(../icons/sort_asc_disabled.png) center left no-repeat;
}
a.sort_desc {	
	display: block;
	width: 19px;
	height: 11px;
	overflow: visible;
	background: transparent url(../icons/sort_desc.png) center left no-repeat;
}
a.sort_desc_disabled {	
	display: block;
	width: 19px;
	height: 11px;
	overflow: visible;
	background: transparent url(../icons/sort_desc_disabled.png) center left no-repeat;
}
div.sorter {
	width: 16px;
	height: 24px;
	overflow:none;
	float:left;
}
span.sorter{
	position: relative;
	top: 5px;
	left: 0px;
}
.d-maxsize {
  max-height:750px;
  max-width:1000px;
  overflow-x: hidden;
  overflow-y: auto;
}
/*
Override jquery-ui-theme
*/ 
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
/* 	color: black;
 */}
.ui-dialog { position: absolute; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: none;
zoom: 1;
}
/**** ../web/styles/global.css **********************************/ 
/*
 * CSS rules by tags
 */
@font-face {
	font-family: Lane;
	src: url(Lane.ttf) format("truetype");
	font-size: small;
}

html {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	overflow: auto;
}

body {
	min-width: 700px;
	min-height: 700px;
	overflow: auto;
	padding: 0;
	margin: 0;
}

div {
	background-color: white;
	border-width: 1px;
	border-style: solid;
	border-color: white;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
	overflow: none;
}

span,p,option {
	font-size: small;
	color: black;
}

li {
	font-size: small;
	color: black;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: black;
}

input[disabled] {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: grey;
	font-style: italic;
}

div.levelonediv {
	overflow: hidden;
}

div.widgetlabel {
	height: 24px;
	text-align: right;
	background-color: white;
	vertical-align: middle;
	padding: 1px 1px 1px 1px;
}

h4 {
	color: DimGray;
}

.help {
	color: DimGray;
	font-style: italic;
}

.strong {
	color: DimGray;
	font-size: x-large;
}

.dnddiv {
	height: 80px;
	width: 80px;
	background-color: transparent;
	background-image: url(../images/blackarrow_right.png);
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 20px;
	border-width: 0
}

.vignette {
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

a.logo {
	display: inline-block;
	height: 62px;
	width: 0px;
	overflow: visible;
	padding: 2px 0 2px 116px;
	background: transparent url(../images/saadatransp-text-small.gif) bottom
		left no-repeat;
	vertical-align: middle;
}

a:hover.logo {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.logo {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.preview {
	display: inline-block;
	height: 24px;
	width: 0px;
	overflow: visible;
	padding: 2px 0 2px 24px;
	background: transparent url(../images/preview_icon24.png) bottom left
		no-repeat;
	vertical-align: middle;
}

a:hover.preview {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.preview {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.readmeta {
	display: inline-block;
	height: 48px;
	width: 0px;
	overflow: visible;
	padding: 2px 0 2px 50px;
	background: transparent url(../images/readmeta.png) bottom left
		no-repeat;
	vertical-align: middle;
}

a:hover.readmeta {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.readmeta {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.accept {
	display: inline-block;
	height: 24px;
	width: 0px;
	overflow: visible;
	padding: 4px 0 4px 90px;
	background: transparent url(../images/submit.png) bottom left no-repeat;
	vertical-align: middle;
}

a:hover.accept {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.accept {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.accept_small {
	display: inline-block;
	height: 24px;
	width: 0px;
	overflow: visible;
	padding: 2px 0 2px 68px;
	background: transparent url(../images/submit_small.png) bottom left
		no-repeat;
	vertical-align: middle;
}

a:hover.accept_small {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.accept_small {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.refresh {
	display: inline-block;
	height: 16px;
	width: 0px;
	overflow: visible;
	padding: 0px 0 0px 16px;
	background: transparent url(../images/refresh16.png) bottom left
		no-repeat;
	vertical-align: middle;
}

a:hover.refresh {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.refresh {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.add {
	display: inline-block;
	height: 24px;
	width: 0px;
	overflow: visible;
	padding: 0px 0 0px 24px;
	background: transparent url(../images/add_record.png) bottom right
		no-repeat;
	vertical-align: middle;
}

a:hover.add {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.add {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.histoleft {
	display: inline-block;
	height: 24px;
	width: 0px;
	overflow: visible;
	padding: 0 0 0 24px;
	background: transparent url(../images/histoleft.png) bottom left
		no-repeat;
}

a:hover.histoleft {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.histoleft {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.historight {
	display: inline-block;
	height: 24px;
	width: 0px;
	overflow: visible;
	padding: 0 0 0 24px;
	background: transparent url(../images/historight.png) bottom left
		no-repeat;
}

a:hover.historight {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.historight {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.simbad {
	display: inline-block;
	height: 18px;
	width: 0px;
	overflow: visible;
	padding: 0px 0 2px 35px;
	background: transparent url(../images/simbad_small.png) bottom left
		no-repeat;
	vertical-align: middle;
}

a:hover.simbad {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.simbad {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.aladinsmall {
	display: inline-block;
	height: 18px;
	width: 0px;
	overflow: visible;
	padding: 18px 0 2px 50px;
	background: transparent url(../images/aladin_small.gif) bottom left
		no-repeat;
	vertical-align: middle;
}

a:hover.aladinsmall {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.aladinsmall {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.vosplat {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 2px 0 30px 54px;
	background: transparent url(../images/vosplat.png) bottom left no-repeat;
}

a:hover.vosplat {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.vosplat {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.vosplatsmall {
	display: inline-block;
	height: 18px;
	width: 0px;
	overflow: visible;
	padding: 0px 0 2px 35px;
	background: transparent url(../images/vosplat_small.png) bottom left
		no-repeat;
	vertical-align: middle;
}

a:hover.vosplatsmall {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.vosplatsmall {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.vospecsmall {
	display: inline-block;
	height: 18px;
	width: 0px;
	overflow: visible;
	padding: 0px 0 2px 35px;
	background: transparent url(../images/vospec_small.jpeg) bottom left
		no-repeat;
	vertical-align: middle;
}

a:hover.vospecsmall {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.vospecsmall {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.ivoa {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 2px 0 30px 54px;
	background: transparent url(../images/ivoa.jpg) bottom left no-repeat;
}

a:hover.ivoa {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.ivoa {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.sesame {
	display: inline-block;
	height: 28px;
	width: 0px;
	overflow: visible;
	padding: 0px 0 2px 70px;
	background: transparent url(../images/simbad.png) bottom left no-repeat;
	vertical-align: middle;
}

a:hover.sesame {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.sesame {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.pagetitle {
	font-style: bold;
	font-size: 150%;
	color: #888;
}

.pagetitlepath {
	font-style: italic;
	font-size: 150%
}

a.topcat {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 16px 0 16px 32px;
	background: transparent url(../images/topcat_3232.gif) center left
		no-repeat;
}

a:hover.topcat {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.topcat {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.aladin {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 2px 0 24px 54px;
	background: transparent url(../images/aladin_icon_3254.gif) center left
		no-repeat;
}

a:hover.aladin {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.aladin {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.fits {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 16px 0 16px 38px;
	background: transparent url(../images/fits_32.png) center left no-repeat;
}

a:hover.fits {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.fits {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.votable {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 16px 0px 16px 38px;
	background: transparent url(../images/votable_32.png) center left
		no-repeat;
}

a:hover.votable {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.votable {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.zip {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 16px 0px 16px 44px;
	background: transparent url(../images/zip_32.png) center left no-repeat;
}

a:hover.zip {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.zip {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.samp {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 0px 0px 32px 20px;
	background: transparent url(../images/disconnected.png) center left
		no-repeat;
}

a:hover.samp {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.samp {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.formexpender {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 8px 0px 16px 32px;
	background: transparent url(../images/screen_down.png) center left
		no-repeat;
}

a:hover.formexpender {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.formexpender {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
	auto
}

a.displayfilter {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 8px 0px 16px 32px;
	background: transparent url(../images/filter.png) center left no-repeat;
}

a:hover.displayfilter {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.displayfilter {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
	auto
}

a.question {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 16px 0px 16px 40px;
	background: transparent url(../images/question.png) center left
		no-repeat;
}

a:hover.question {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.question {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
	auto
}

a.sources {
	display: inline-block;
	height: 12px;
	width: 0px;
	overflow: visible;
	padding: 2px 0 2px 20px;
	background: transparent url(../images/sources_base.gif) center left
		no-repeat;
}

a:hover.sources {
	background: url(../images/sources_hl.gif) no-repeat center right;
}

a:visited.sources {
	background: url(../images/sources_se.gif) no-repeat center right;
}

a.sources {
	display: inline-block;
	height: 12px;
	width: 0px;
	overflow: visible;
	padding: 2px 0 2px 20px;
	background: transparent url(../images/sources_base.gif) center left
		no-repeat;
}

a:hover.sources {
	background: url(../images/sources_hl.gif) no-repeat center right;
}

a:visited.sources {
	background: url(../images/sources_se.gif) no-repeat center right;
}

a.download {
	display: inline-block;
	height: 12px;
	width: 0px;
	overflow: visible;
	padding: 2px 0 2px 20px;
	background: transparent url(../images/download_base.gif) center left
		no-repeat;
}

a:hover.download {
	background: url(../images/download_hl.gif) no-repeat center right;
}

a:visited.download {
	background: url(../images/download_se.gif) no-repeat center right;
}

a.download {
	display: inline-block;
	height: 12px;
	width: 0px;
	overflow: visible;
	padding: 2px 0 2px 20px;
	background: transparent url(../images/download_base.gif) center left
		no-repeat;
}

a:hover.download {
	background: url(../images/download_hl.gif) no-repeat center right;
}

a:visited.download {
	background: url(../images/download_se.gif) no-repeat center right;
}

a.HDU {
	display: inline-block;
	height: 12px;
	width: 0px;
	overflow: visible;
	padding: 2px 0 2px 20px;
	background: transparent url(../images/HDU_base.gif) center left
		no-repeat;
}

a:hover.HDU {
	background: url(../images/HDU_hl.gif) no-repeat center right;
}

a:visited.HDU {
	background: url(../images/HDU_se.gif) no-repeat center right;
}

a.detail {
	display: inline-block;
	height: 12px;
	width: 0px;
	overflow: visible;
	padding: 2px 0 2px 20px;
	background: transparent url(../images/detail_base.gif) center left
		no-repeat;
}

a:hover.detail {
	background: transparent url(../images/detail_hl.gif) no-repeat center
		right;
}

a:visited.detail {
	background: url(../images/detail_se.gif) no-repeat center right;
}

/*********************************************************************
 * Page header style
 */
div#banner {
	height: 80px;
	vertical-align: middle;
}

div#pagetitle {
	width: 300;
	margin-left: 150px;
	margin-top: -65px;
	border-width: 0;
}

div#externaltools {
	padding: 5px 5px 0px 5px;
	border-radius: 5px;
	width: 300;
	height: 38;
	margin-left: 150px;
	margin-top: 0px;
	border-width: 0px;
	background: #F5F5F5
}

/*************************************************************************
 * Data panel styles
 * access pane: container of the db tree, the data panel and the query form.
 * Be careful when modifying sizes: everything could collapse if the splitter JQuery
 * plugin is not happy (see ready.js)
 */
div#formpanemenu {
	height: 267px;
}

div#superwrapper {
	background-color: #fff;
}

div#datapane {
	overflow: hidden;
	/*height: 500px;*/
	width: auto;
}

div#accesspane {
	position: absolute;
	height: 100%;
	min-height: 500px;
	min-width: 500px;
	width: 98%;
	vertical-align: middle;
	border-width: 0px;
}

/*
div#treepane {
 	width: 20%;
	height: 80%; 
	overflow: auto;
	border-width: 0px;
	overflow: auto;
}*/
div#treedisp {
	height: 100%;
	overflow: auto;
	border-width: 0px;
	width: 100%;
}
/*
div#resultpane {
	overflow: visible;
	border-width: 0px;
	height: 80%px;
	width: 80%; 
}*/
/*
 * Right-side element of the splitter.
 */
div#formpane {
	overflow: hidden;
	border-width: 0px;
	padding: 10px;
	height: 20%;

	/* No margin or border allowed */
}
/*
div#formframe {
	width: 100%;
	height: 267px;
	position: fixed;
	bottom:5;
	overflow: hidden;
	border-width: 0px;
	float: right;
	padding: 0;

}

/*
div#formframe {
	width: auto;
	height: 267px;
	position: fixed;
	bottom:5;
	overflow: hidden;
	border-width: 0px;
	float: right;
	padding: 0;

}
*/
div#datapane .vsplitbar {
	width: 6px;
	background: #c0c0c0 url(../images/vgrabber.gif) no-repeat center;
	border-bottom-left-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	border-width: 0px;
	border-top-left-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
	overflow: visible;
}

div#datapane .vsplitbar.active {
	opacity: 0.7;
}

div#accesspane .hsplitbar {
	height: 6px;
	background: #c0c0c0 url(../images/hgrabber.gif) no-repeat center;
	border-bottom-left-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	border-width: 0px;
	border-top-left-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
}

div#accesspane .hsplitbar.active {
	opacity: 0.7;
}
/* div#treepane {
	width: 150px;
	height: 500px;
	overflow: auto;
	border-width: 0px;
	overflow: auto;
}

div#treedisp {
	height: 80%;
	overflow: auto;
	border-width: 0px;
}

div#resultpane {
	overflow: visible;
	border-width: 0px;
	height: 500px;
	width: auto;
} */
/*
 * Right-side element of the splitter.
 */
div#formpane {
	overflow: hidden;
	border-width: 0px;
	padding: 5px;
	height: 267px;

	/* No margin or border allowed */
}

div#formframe { /* 	width: auto;
	height: 267px;
	position: fixed;
	bottom:5;
	overflow: hidden;
	border-width: 0px;
	float: right;
	padding: 0;

 */ /* No margin or border allowed */
	
}

div#datapane .vsplitbar {
	width: 6px;
	background: #c0c0c0 url(../images/vgrabber.gif) no-repeat center;
	border-bottom-left-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	border-width: 0px;
	border-top-left-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
	overflow: visible;
}

div#datapane .vsplitbar.active {
	opacity: 0.7;
}

div#accesspane .hsplitbar {
	height: 6px;
	background: #c0c0c0 url(../images/hgrabber.gif) no-repeat center;
	border-bottom-left-radius: 0px 0px;
	border-bottom-right-radius: 0px 0px;
	border-width: 0px;
	border-top-left-radius: 0px 0px;
	border-top-right-radius: 0px 0px;
}

div#accesspane .hsplitbar.active {
	opacity: 0.7;
}

/* Splitbar styles; these are the default class names */
.ui-state-default {
	background-color: #88c
}

.ui-state-hover {
	background-color: #bbf
}

.ui-state-highlight {
	background-color: #68f
}

.ui-state-error {
	background-color: #eaa
}

.splitter-pane {
	overflow: auto;
}

.splitter-bar-vertical {
	width: 6px;
	background-image: url(../images/saadatransp-text.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.splitter-bar-vertical-docked {
	width: 10px;
	background-image: url(../images/vdockbar-trans.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.splitter-bar-horizontal {
	height: 6px;
	background-image: url(../images/hgrabber.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.splitter-bar-horizontal-docked {
	height: 10px;
	background-image: url(../images/hdockbar-trans.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: auto;
}

.splitter-bar.ui-state-highlight {
	opacity: 0.7;
}

.splitter-iframe-hide {
	visibility: hidden;
}

/*************************************************************
 * Style used in the page footer
 */
div#footer {
	height: 16px;
	width: auto;
	vertical-align: middle;
}

#BottomPane {
	background: #eef;
	min-height: 100px;
}

a#sessionreport {
	display: inline-block;
	height: 32px;
	width: 0px;
	overflow: visible;
	padding: 2px 0 2px 32px;
	background: transparent url(../images/session.gif) bottom left no-repeat;
	vertical-align: middle;
}

a:hover#sessionreport {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.detailhead {
	background: #CCC
		url(http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png)
		repeat-x 50% 50%;
	border: 1px solid #AAA;
	margin-top: 5px;
	margin-bottom: 0px; 
	margin-left: 0px;
	margin-right: 0px;
}

.detaildata {
	background: white;
}

a.cart {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 16px 0px 16px 38px;
	background: transparent url(../images/groscaddy.png) center left
		no-repeat;
}

/**************************
 * Small icons attached to data links
 */
a.dl_stc {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 9px 0px 9px 23px;
	background: transparent url(../images/STC.png) center left no-repeat;
}

a:hover.dl_stc {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.dl_stc {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.dl_samp {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 9px 0px 9px 23px;
	background: transparent url(../images/dl_ivoa.png) center left no-repeat;
}

a:hover.dl_samp {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.dl_samp {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.dl_securesamp {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 9px 0px 9px 23px;
	background: transparent url(../images/dl_key_ivoa.png) center left
		no-repeat;
}

a:hover.dl_securesamp {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.dl_securesamp {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.dl_download {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 9px 0px 9px 23px;
	background: transparent url(../images/dl_download.png) center left
		no-repeat;
}

a:hover.dl_download {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.dl_download {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.dl_securedownload {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 9px 0px 9px 23px;
	background: transparent url(../images/dl_key_download.png) center left
		no-repeat;
}

a:hover.dl_securedownload {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.dl_securedownload {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.dl_cart {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 9px 0px 9px 23px;
	background: transparent url(../images/dl_cart.png) center left no-repeat;
}

a.dl_cart_added {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 9px 0px 9px 23px;
	background: transparent url(../images/dl_cart.png) center left no-repeat;
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:hover.dl_cart {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.dl_cart {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.dl_securecart {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 9px 0px 9px 23px;
	background: transparent url(../images/dl_key_cart.png) center left
		no-repeat;
}

a.dl_securecart_added {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 9px 0px 9px 23px;
	background: transparent url(../images/dl_key_cart.png) center left
		no-repeat;
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:hover.dl_securecart {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.dl_securecart {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.dl_info {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 9px 0px 9px 23px;
	background: transparent url(../images/dl_info.png) center left no-repeat;
}

a:hover.dl_info {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.dl_info {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.dl_detail {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 9px 0px 9px 23px;
	background: transparent url(../images/dl_detail.png) center left
		no-repeat;
}

a:hover.dl_detail {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.dl_detail {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.dl_header {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 9px 0px 9px 23px;
	background: transparent url(../images/dl_header.png) center left
		no-repeat;
}

a:hover.dl_header {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.dl_header {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

a.dl_sources {
	display: inline-block;
	width: 0px;
	overflow: visible;
	padding: 9px 0px 9px 23px;
	background: transparent url(../images/dl_sources.png) center left
		no-repeat;
}

a:hover.dl_sources {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

a:active.dl_sources {
	filter: alpha(opacity =   50);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

input.include_relation {
	height: auto;
}

/************************
 * Job status
 */
.pending {
	color: gray;
}

.queued {
	color: gray;
}

.executing {
	color: orange;
}

.completed {
	color: green;
}

.error {
	color: red;
}

.aborted {
	color: gray;
}

.unkwnown {
	color: red;
}

.held {
	color: gray;
}

.suspended {
	color: red;
}

.nojob {
	color: gray;
}/**** ../web/styles/form.css **********************************/ 
@font-face {
	font-family: Lane;
	src: url('Lane.ttf');
}	
	
div#saadaqltab div {
	display: block;
	float: left;
	overflow: auto;
}

div#saptab div {
	float: left;
	overflow: auto
}

.editorhead {
	
}

.langswitch {
	
}

.kweditor {
	background: white;
	height: 160px;
	width: 240px;
}

.item {
	
}

.querytab, .formquerytab {
	height: 260px;
}

#saadaqltab {
	background: white;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
}

#kwtab {
	background: white;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	height: 275px;
	width: 900px;
	display: block;
}

#kwtab1 {
	background-color: white !important;
	float: left;
	width: 375px;
	height: 80%;
	vertical-align: middle;
}

#kwtab2 {
	background-color: white !important;
	width: 500px;
	height: 80%;
	vertical-align: middle;
}
#obtab2 {
	background-color: white !important;
	width: 450px;
	height: 40;
	vertical-align: middle;
}

#kweditor {
	background: white;
	width: 820px;
	height: 192px;
	float: none;
}

#meta {
	width: 325px;
	height: 150px;
	float: left;
	border-width: 1;
	border-color: dimgray;
}

#ConstraintsList {
	width: 450px;
	height: 120px;
	padding-left: 10;
	border-width : 1;
	border-color: dimgray;
}
#orderby {
	width: 120px;
	height: 30px;
	padding-left: 10;
	border-width : 1;
	border-color: dimgray;
}

#SortableConstraintsList {}

#ucdtab {
	background: white;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	height: 275px;
	width: 900px;
	display: block;
}

#ucdtab1 {
	background-color: white !important;
	float: left;
	width: 375px;
	height: 80%;
	vertical-align: middle;
}

#ucdtab2 {
	background-color: white !important;
	width: 500px;
	height: 80%;
	vertical-align: middle;
}

#ucdmeta {
	width: 325px;
	height: 150px;
	float: left;
	border-width: 1;
	border-color: dimgray;
}

#UCDConstraintsList {
	width: 480px;
	height: 175px;
	padding-left: 10;
	border-width : 1;
	border-color: dimgray;
}

.droppableconstarea {
	
}

.hidden {
	visibility: hidden;
}

#coordgetter {
	background: white;
	width: 350px;
	height: 75%;
	float: left;
	vertical-align: middle;
}

#listpos {
	background: white;
	width: 480px;
	height: 75%;
	vertical-align: middle;
}

#CoordList {
	width: 475px;
	height: 150px;
	float: left;
	border-width: 1;
	border-color: dimgray;
}

div#coordsubmit {
	border-width: 0;
	background: white;
}

div#coordform {
	width: 368x;
	border-width: 0;
	background: white;
	height: 100%;
}

div#cf1 {
	overflow: hidden !important;
}

#patterntab {
	background: white;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	height: 220px;
	width: 890px;
	overflow: hidden !important;
}

#patternbox1 {
	background-color: white;
	float: left;
	width: 306px;
}

#patternbox2 {
	background-color: white;
	float: left; 
	width: 270px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
}
	
#patternbox3 {
	background-color: white;
	float: left;
	width: 265px;
}

#patternatt {
	width: 300px;
	height: 64px;
	border-width: 1;
	border-color: dimgray;
}

#patternconst {
	width: 265px;
	height: 108px;
	border-width: 1;
	border-color: dimgray;
}

#patternlist {
	width: 260px;
	height: 150px;
	border-width: 1;
	border-color: dimgray;
}

#patterncardqual {
	width: 300px;
	height: 48px;
	border-width: 1;
	border-color: dimgray;
}

.patternitem {
	width: 171x;
	height: 30px;
}

#tapselect {
	background: white;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	height: 220px;
	width: 890px;
}

#tapwhere {
	background: white;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	height: 210px;
	width: 890px;
	overflow: hidden;
}

textarea#patterntext {
	width: 240px;
	height: 32x;
	padding: 5px;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
}

#saadaqltext {
	width: 850px;
	height: 190px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: black;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
}

#adqltext {
	width: 100%;
	height: 200px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: small;
	color: black;
	border-bottom-left-radius: 4px 4px;
	border-bottom-right-radius: 4px 4px;
	border-top-left-radius: 4px 4px;
	border-top-right-radius: 4px 4px;
}

#taptext {
	width: 880px;
	height: 200px;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: small;
	color: black;
}

#tapmeta {
	width: 100%;
	height: 170px;
	float: left;
	border-width: 1;
	border-color: dimgray;
	overflow: auto
}

#tapselectmeta {
	width: 350px;
	height: 160px;
	border-width: 1;
	border-color: dimgray;
	overflow: auto
}

#tapconstraintlist {
	width: 100%;
	height: 100px;
	padding-left: 10;
	border-width: 1;
	border-color: dimgray;
	overflow: auto
}

#tapselectlist {
	width: 100%;
	height: 160px;
	padding-left: 10;
	border-width: 1;
	border-color: dimgray;
	overflow: auto
}

#tapalpha {
	width: 140px;
	height: 24px;
	padding-left: 10;
	border-width: 1;
	border-color: dimgray;
	overflow: auto
}

#tapdelta {
	width: 140px;
	height: 24px;
	padding-left: 10;
	border-width: 1;
	border-color: dimgray;
	overflow: auto
}

#tapjobs {
	width: 850px;
	height: 160px;
	float: left;
	border-width: 1;
	border-color: dimgray;
	overflow: auto
}

.sapcapability {
	
}

.sapregistry {
	
}

.sapglu {
	
}

ul.attlist {
	width: 100%;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	overflow: auto;
}

.attlist li {
	margin: 0px;
}

.coordinputvalue {
	width: 130px;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: small;
	color: black;
}

.numinputvalue {
	width: 64px;
	font-family: Arial, Helvetica, sans-serif;;
	font-size: small;
	color: black;
}

a.closekw {
	display: inline-block;
	height: 16x;
	width: 0px;
	overflow: visible;
	padding: 0px 0 2px 16px;
	background: transparent url(../images/small_trash.png) bottom left
		no-repeat;
	vertical-align: middle;
}

a.closekwss {
	padding: 0px 0 8px 16px;
	height: 16px;
	width: 0px;
	background: url(../images/close-icon.png) no-repeat;
}

a:hover.closekw {
	filter: alpha(opacity = 50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}